<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品库存</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/commodity.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>商品库存</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="mask"></div>
<div class="right-post stock">
    <div class="max">
        <div class="commo">
            <ul class="list"><li>商品分类：</li><li>办公耗材</li><li>></li><li>电脑整机</li><li>></li><li>一体式电脑</li></ul>
        </div>
        <ul class="tablet">
            <li class="blue">办公耗材</li>
            <li>办公设备</li>
            <li>电脑/通讯/数码</li>
            <li>文具用品</li>
            <li>办公电器</li>
            <li>办公家具</li>
            <li>生活用品/劳防</li>
        </ul>
        <ul class="left">
            <li class="test">电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
            <li>电脑整机</li>
            <li>电脑外设</li>
        </ul>
        <ul class="right">
            <li>台式机电脑<input type="radio" name="nemes"></li>
            <li>笔记本电脑<input type="radio" name="nemes"></li>
            <li>平板电脑<input type="radio" name="nemes"></li>
            <li>一体式电脑<input type="radio" name="nemes"></li>
            <li>组装机电脑<input type="radio" name="nemes"></li>
            <li>服务器<input type="radio" name="nemes"></li>
            <li>台式机电脑<input type="radio" name="nemes"></li>
            <li>笔记本电脑<input type="radio" name="nemes"></li>
            <li>平板电脑<input type="radio" name="nemes"></li>
        </ul>
    </div>
    <div class="check">
        <a href="">重置</a>
        <a href="">完成</a>
    </div>
</div>
<div class="relation-search">
    <input type="text" class="search" placeholder="请输入商品名称或关键字">
    <i class="weui-icon-search"></i>
    <a href="" class="">搜索</a>
</div>
<span class="sale_search">
</span>
<div class="new-contaner contenten commodity stockList">
    <div class="weui-cells">
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157 <i class="icon icon-butn"></i></p>
                <p><span class="price">￥1560.00</span><span class="price">库存：348</span></p>
            </div>
        </a>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>仓库：武大航域仓库</p>
                <p>分类：SP1710 <span>品牌：SPEIM</span></p>
                <p><span class="price">售价：￥154</span><span class="price">积分：489</span></p>
            </div>
        </div>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157 <i class="icon icon-butn"></i></p>
                <p><span class="price">￥1560.00</span><span class="price">库存：348</span></p>
            </div>
        </a>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>仓库：武大航域仓库</p>
                <p>分类：SP1710 <span>品牌：SPEIM</span></p>
                <p><span class="price">售价：￥154</span><span class="price">积分：489</span></p>
            </div>
        </div>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157 <i class="icon icon-butn"></i></p>
                <p><span class="price">￥1560.00</span><span class="price">库存：348</span></p>
            </div>
        </a>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>仓库：武大航域仓库</p>
                <p>分类：SP1710 <span>品牌：SPEIM</span></p>
                <p><span class="price">售价：￥154</span><span class="price">积分：489</span></p>
            </div>
        </div>
        <a class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__hd commlist"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
            <div class="weui-cell__bd">
                <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                <p>编号：SP10832157 <i class="icon icon-butn"></i></p>
                <p><span class="price">￥1560.00</span><span class="price">库存：348</span></p>
            </div>
        </a>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>仓库：武大航域仓库</p>
                <p>分类：SP1710 <span>品牌：SPEIM</span></p>
                <p><span class="price">售价：￥154</span><span class="price">积分：489</span></p>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(".weui-navbar a").on("click",function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    });
    $(".sale_search").on('click',function(){
        $(".mask").css('display','block');
        $(".right-post").animate({right:"0"},"300")
    })
    $(".mask").on('click',function(){
        $(".mask").css('display','none');
        $(".right-post").animate({right:"-300px"},"300")
    })
    $(".right-post ul li").on('click',function(){
        var That = $(this);
        if(That.find("input").is(":checked")===true){
            That.find("input").prop('checked',false);
        }else{
            That.find("input").prop('checked',true);
        }
    })
    $(".right-post .left li").on('click',function(){
        $(this).addClass("test").siblings().removeClass("test");
    })
    $(".tem li").on('click',function(){
        $(this).addClass("checked").siblings().removeClass("checked")
    })
    $(".tablet li").on('click',function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    })
    $(".icon").on('click',function(){
        var That = $(this);
        if(That.hasClass("icon-tops")===true){
            That.removeClass("icon-tops");
            That.parents("a").next().css("display","none")
        }else{
            That.addClass("icon-tops");
            That.parents("a").next().css("display","block")
        }
    })
</script>
</html>